<!-- 分页组件  -->
@if(isset($style) &&$style == "number")
    <div class="paginate" style="font-size: 14px;color: rgba(0, 0, 0, 0.427450980392157)" data-style="number">
        <span style="margin-right:5px">共 <span id="list-total"></span> 条记录</span>
        <span class="paginate-btn pages pages-prev" data-flag="prev" style="color:rgba(0, 0, 0, 0.327450980392157)"><i class="fa fa-angle-left"  style="font-size:24px;position: relative;top:2px;left:-1px" title="上一页"></i></span>
        <span id="number-pages">
            <span class="paginate-btn paginate-btn-num page-active" style="">1</span>
            <span class="paginate-btn" style="">2</span>
            <span class="paginate-btn" style="">3</span>
            <span class="paginate-btn" style="">4</span>
            <span style="margin:0 5px 0 10px">...</span>
            <span class="paginate-btn" style="">5</span>
            <span class="paginate-btn" style="">6</span>
        </span>
        <span class="paginate-btn  pages pages-next" data-flag="next" style="color:rgba(0, 0, 0, 0.327450980392157)"><i class="fa fa-angle-right"  style="font-size:24px;position: relative;top:2px;left:1px" title="上一页"></i></span>

        <span class="page-act" style="margin-left:10px">
            <select id="pages-limit"  style="color:rgba(0, 0, 0, 0.647058823529412);height:32px;border: 1px solid rgba(217, 217, 217, 1);border-radius: 6px">
            @if(isset($pagesList))
                    @foreach($pagesList as $k=>$v)
                        <option @if($limit == $v) selected  @endif value="{{$v}}">{!! $v !!}条/页</option>
                    @endforeach
                @else
                    <option @if($limit == 10) selected  @endif value="10">10条/页</option>
                    <option @if($limit == 20) selected  @endif  value="20">20条/页</option>
                    <option @if($limit == 50) selected  @endif  value="50">50条/页</option>
                    <option @if($limit == 100) selected  @endif  value="100">100条/页</option>
                @endif
        </select>
        </span>

        <span style="margin-left:10px">
            跳至&nbsp; <input type="text" name="pages-item" id="pages-item" style="color:rgba(0, 0, 0, 0.647058823529412);height:32px;width:42px;text-align: center;border: 1px solid rgba(217, 217, 217, 1);border-radius: 4px" value="1"> &nbsp;页
        </span>
    </div>
@else
<div class="paginate" data-style="normal">
    <span class="page-record">
        总共 <span id="list-total"></span> 条记录，分<span id="limit_pages"> </span> 页
    </span>
    &nbsp;&nbsp;
    <span class="page-act">
        <span>
            每页
        </span>
        &nbsp;
        <select id="pages-limit"  style="">
            @if(isset($pagesList))
               @foreach($pagesList as $k=>$v)
                    <option @if($limit == $v) selected  @endif value="{{$v}}">{!! $v !!}</option>
                @endforeach
            @else
                <option @if($limit == 10) selected  @endif value="10">10</option>
                <option @if($limit == 20) selected  @endif  value="20">20</option>
                <option @if($limit == 50) selected  @endif  value="50">50</option>
                <option @if($limit == 100) selected  @endif  value="100">100</option>
            @endif
        </select>
        &nbsp;&nbsp; &nbsp;&nbsp;
        <i class="fa fa-step-backward pages pages-first" data-flag="first" style="font-size:12px" title="首页"></i>
        &nbsp;&nbsp;&nbsp;
        <i class="fa fa-chevron-left pages pages-prev" data-flag="prev"  style="font-size:12px" title="上一页"></i>
        &nbsp;
        <select id="pages-item"  style="">
            <option selected="selected">第1页</option>
            <option>第2页</option>

        </select>
        &nbsp;
        <i class="fa fa-chevron-right pages pages-next" data-flag="next" style="font-size:12px" title="下一页"></i>
        &nbsp;&nbsp;&nbsp;
        <i class="fa fa-step-forward pages pages-last" data-flag="last" style="font-size:12px" title="末页"></i>

        <input type="hidden" name="total_pages" id="total_pages" value="0">
    </span>
</div>
@endif
